<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>注册-24-1.4K</title>
  <!-- 需要引入的css -->
  <link rel="stylesheet" href="../lib/fontawesome/css/font-awesome.css">
  <link rel="stylesheet" href="../lib/mui/css/mui.css">
  <!-- 项目的公共的样式文件 scss  -->
  <link rel="stylesheet" href="../css/common.css">
  <!-- 自己页面的样式文件 scss -->
  <link rel="stylesheet" href="../css/register.css">

</head>

<body>
  <!-- 头部 -->
  <header class="mui-bar mui-bar-nav">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">注册</h1>
  </header>
  <!-- 内容 -->
  <div class="pyg_view">
    <form class="mui-input-group">
      <div class="mui-input-row">
        <label>用户名</label>
        <input type="text" value="15915946666" name="mobile" class="mui-input-clear" placeholder="请输入用户名">
      </div>
      <div class="mui-input-row vcode-row ">
        <label>验证码</label>
        <input type="text" name="code"  placeholder="请输入验证码">
        <button  type="button" id="code_btn" class="mui-btn mui-btn-primary">获取验证码</button>
      </div>
      <div class="mui-input-row">
        <label>邮箱</label>
        <input name="email" type="text" class="mui-input-clear" placeholder="请输入邮箱">
      </div>
      <div class="mui-input-row">
        <label>密码</label>
        <input type="password" name="pwd" class="mui-input-password" placeholder="请输入密码">
      </div>
      <div class="mui-input-row">
        <label>确认密码</label>
        <input type="password" name="pwd2" class="mui-input-password" placeholder="确认密码">
      </div>
      <div class="mui-input-row mui-radio">
        <label>女</label>
        <input name="gender" value="女" checked type="radio">
      </div>
      <div class="mui-input-row mui-radio">
        <label>男</label>
        <input name="gender" value="男" type="radio">
      </div>
    </form>

    <!-- 工具栏 -->
    <div class="res_tool">
      <a href="login.html" class="mui-btn mui-btn-primary mui-btn-outlined">登录</a>
      <button type="button" id="res_btn" class="mui-btn mui-btn-primary">注册</button>
    </div>

  </div>
  <!-- 尾部 -->
  <footer class="pyg_footer">
    <a href="javascript:;">
      <span class="fa fa-home"></span>
      <div>首页</div>
    </a>
    <a href="pages/category.html">
      <span class="fa fa-list-ul"></span>
      <div>分类</div>
    </a>
    <a href="javascript:;">
      <span class="fa fa-cart-plus"></span>
      <div>购物车</div>
    </a>
    <a href="javascript:;">
      <span class="fa fa-user"></span>
      <div>我的</div>
    </a>
  </footer>

</body>


<!-- js -->
<script src="../lib/mui/js/mui.js"></script>
<!-- zepto 是我 自己定制过的！！！ 里面包含了一些常用的模块！！ 直接当做jq来使用！！！  -->
<script src="../lib/zepto/zepto.js"></script>

<!-- 公共 js -->
<script src="../js/common.js"></script>
<!-- 自己 js -->
<script src="../js/register.js"></script>

</html>